/*
.wpresso-post-popup
*/


/* 20200409 팝업창 기능추가 */ 
/* 내용이 있을 시 센터형 팝업 */
.wpressopopupbox.draggable  { cursor:move }
.wpressopopupbox .popuptitlearea{ }
.wpressopopupbox .popclose{
	position: absolute;
    right: 20px;
    top: 13px;
	height:45px;
	padding:0; margin:0;
	padding-right:40px;
}
.wpressopopupbox label.cltext{
	position: absolute;
    right: 20px;
    top: 13px;
	padding-right:50px;
}
.wpressopopupbox.fixed label.cltext{
	padding-right:45px;
}
.wpressopopupbox a.popclose{ font-size:0;}
.wpressopopupbox ol,  .wpressopopupbox ul{ list-style:inherit ; padding-left:1.5em;}
.wpressopopupbox ul{ list-style:disc; }
.wpressopopupbox ol{ list-style:decimal; padding-left:1.2em;}

.wpressopopupbox.fixed label.cltext, .wpressopopupbox.fixed .popclose{top:1.2rem; }
.wpressopopupbox > .popuptextarea a, .wpressopopupbox > .popuptextarea a:visited{ text-decoration:none}
.wpressopopupbox > .popuptextarea a:hover, .wpressopopupbox > .popuptextarea a:visited:hover{  text-decoration:underline}

.wpressopopupbox .cltext{  display: inline-block; text-align:right; font-size:11px;line-height: 1.2em; color:#fff }
.wpressopopupbox .cltext:hover{ color:#fff }
.wpressopopupbox.fixed .cltext{color:#888 }
.wpressopopupbox.fixed .cltext:hover{color:#888 }
.wpressopopupbox .cltext input{-webkit-appearance: checkbox; margin:3px 0px 3px 0px ; }

.wpressopopupbox .clbtn{ display:inline-block;}

.wpressopopupbox.fixed p, 
.wpressopopupbox.fixed li, 
.wpressopopupbox.fixed table, 
.wpressopopupbox.fixed td
{}

.wpressopopupbox img{ max-width:100%;}

.wpressopopupbox.fixed{  
	position: absolute !important; width:90%; max-width:580px;overflow:auto; z-index:999999; top:150px; 
	padding:1.1em 0 !important;   box-shadow:0px 0px 10px 10px rgba(0, 0, 0, .05); 
	background:#fff; line-height:0;
}
.popuptitlearea{}
.popuptextarea{ padding:.5em 2em 0em 2em !important;}
.wpressopopupbox.fixed .popuptitlearea{  font-size:1.125em; padding:.5em 70px 0em 2em !important;}
.wpressopopupbox.fixed .popupgapline{ margin:1.6em 0em 0 0em !important; background:#efefef; height:1px; }

.wpressopopupbox.fixed p, .wpressopopupbox.fixed li{ margin-top:10px;margin-bottom:10px; line-height:1.5em; font-size:15px;}
.wpressopopupbox.fixed .clbtn{  }
.wpressopopupbox.fixed a{ opacity:1 !important; }

.wpressopopupbox.fixed.wpressopopupbox2 { margin-top: 4.3em !important; ;} /* 오버타입의 팝업이 겹칠경우 두번째 */

@media screen and (min-width: 768px) {
.wpressopopupbox.fixed{ text-align:left !important;width: inherit; top:120px;}
.popuptextarea{ padding:.5em 2.5em 0em 2.5em !important;}
.wpressopopupbox.fixed .popuptitlearea{padding:.5em 140px 0em 2.3em !important;}
.wpressopopupbox a.popclose{ }
}
/* 20200409 팝업창 기능추가 끝 */





.wpressopopupbox{ display:none; position:relative; padding:1.1em;  text-align:left;transition:height 300ms; border-bottom:1px solid rgba(255,255,255,.2); }
.wpressopopupbox.go-hide {height: 0px;}
.wpressopopupbox a, .popuptitlearea{ font-size:1.111rem;text-decoration:none;  display:inline-block; margin:0 auto; line-height:1.2em;font-family: 'Noto Sans KR'; font-size:1em; font-weight:300; }
.wpressopopupbox a{ max-width:100%;	}
.wpressopopupbox a:hover{  text-decoration: none; opacity:1; }
.wpressopopupbox{}
.wpressopopupbox img{ margin:0 auto; }
.wpressopopupbox .clbtn{
	position:absolute;
	right:20px;
	top:0px;
	vertical-align:middle;
    clear: both;
    cursor: pointer;
    -webkit-animation: promo-fade-in .8s ease;
    animation: promo-fade-in .8s ease;
}
.wpressopopupbox .clbtn span:before{content:" "; position:absolute; overflow:visible; width:200px; right:32px; font-size:11px; top:3px; text-align:right;}

.wpressopopupbox .clbtn:before, .wpressopopupbox .clbtn:after{ padding-top:3px; background:#fff;}

.wpressopopupbox .clbtn:before{
	position: absolute;
    content: "";
    height: 40px;
    width: 1px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);	
}

.wpressopopupbox .clbtn:after{
	position: absolute;
    content: "";
    height: 40px;
    width: 1px;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);	
}

.wpressopopupbox .clbtn:hover::after, .wpressopopupbox .clbtn:hover::before{
    background-color: fff;
}




.wpressopopupbox .clbtn:hover::before{
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);	
}
	 

.wpressopopupbox .clbtn:hover::after{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);	
}
.wpressopopupbox em{  font-size:inherit}
.popuptitlearea{ max-width:80%; }
.fixed > .popuptitlearea{ max-width:100%;  }
.wpressopopupbox .cltext{ display:none}
@media screen and (min-width: 500px) {
.popuptitlearea{max-width:90%; }
.fixed > .popuptitlearea{}
}
	 
@media screen and (min-width: 768px) {
.wpressopopupbox{ display:block; }
.popuptitlearea{  font-size:1.5em;max-width:80%; }
.fixed > .popuptitlearea{  font-size:1.5em; }
.wpressopopupbox .cltext{ display:block}
}
@media screen and (min-width: 960px) {
.wpressopopupbox{ text-align:center;}
.popuptitlearea{max-width:75%; }
}
@media screen and (min-width: 1200px) {
.popuptitlearea{max-width:80%; }
}



.wpressopopupbox.fixed{ border-top:5px solid #fb5900;}
.popup.btn{ font-size:16px; padding:.7em 1.5em} 
.popup.btn:hover{ text-decoration:none !important;}